<template>
    <div class="city">
        <my-header :city="cityName"></my-header>
        <!-- 轮播图 -->
        <div class="carousel">
            <el-carousel>
                <el-carousel-item v-for="(item) in carouselImg" :key="item.index">
                <img :src="item.url" alt="">
                </el-carousel-item>
            </el-carousel>
        </div>

		<div class="tourism">		
			<div class="lvyou">
				<p>罗浮山</p>
				<div class="jingdian">罗浮山，秦汉以来号称仙山，史学家司马迁把罗浮山比作“粤岳”，是中国十大名山之一，素有岭南第一山之称。它又是我国道教名山，
				道教称它为第七洞天，第三十四福地</div>
			</div>
			<div class="lvyou">
				<p>南昆山十字水生态度假村</p>
				<div class="jingdian">惠州南昆山十字水生态度假村是国内首个同时获得“绿色环球21可持续设计达标评估”认证（由绿色环球亚太国际组织签发）和“全球景观设计大奖”
				（由百年世界专业协会—美国景观设计协会颁发）的度假村。</div>
			</div>
			<div class="lvyou">
				<p>双月湾</p>
				<div class="jingdian">双月湾共分两湾，左湾水平如镜，右湾波涛汹涌。沙滩连绵20公里，雄奇壮观，几乎见不到人为开发的痕迹。沙滩宽约200米。海水清澈见底，
				海底平坦舒缓，离岸200米，人们还可在海中站立，堪称一绝。</div>
			</div>
		</div>



        <!-- 这个是地方美食的轮播图   -->
        <div class="carouselMeishi">
            <el-carousel :interval="4000" type="card">
                <el-carousel-item v-for="(item) in carouselMeishi" :key="item.index">
                <img :src="item.url" alt="">
                </el-carousel-item>
            </el-carousel>
        </div>

		<div class="food">
			<div class="meishi">
				<p>梅菜扣肉</p>
				<div class="msjieshao">
					梅菜是惠州传统特产，色泽金黄，香气扑鼻，清甜爽口，不寒不燥不湿不热，被传为“正气”菜，
					而久负盛名，据说它与盐焗鸡、酿豆腐同时被称为“惠州三件宝”。
				</div>
			</div>
			<div class="meishi">
				<p>盐焗鸡</p>
				<div class="msjieshao">
					盐焗鸡为广东本地客家招牌菜式之一，流行于广东深圳、惠州、河源、梅州等地，现已成为享誉国
					内外的经典菜式，特别是在广东籍华侨集中的海外地区久负盛名。
				</div>
			</div>
			<div class="meishi">
				<p>鱼蓉豆腐煲</p>
				<div class="msjieshao">
					鱼蓉豆腐煲是一道客家酿菜，是将鲮鱼滑打至起胶，酿入豆腐块中，用鸡汤炖煮至熟，
					然后放入粉丝煮软而成。此菜荤素搭配得宜，营养丰富，清爽而不油腻，趁着热气腾腾时吃，
					鱼滑和豆腐集鲜美嫩滑为一体，别有一番滋味。
				</div>
			</div>
		</div>
        <my-footer></my-footer>
           
    </div>
</template>

<script>
export default {
    name: 'Guangzhou',
    data() {
        return {
            carouselImg:[
                { url: require("@/assets/huizhou/huizhou01.jpg")},
                { url: require("@/assets/huizhou/huizhou02.jpg")},
				{ url: require("@/assets/huizhou/huizhou03.jpg")}
            ],
            carouselMeishi:[
                { url: require("@/assets/huizhou/huizhou04.jpg")},
                { url: require("@/assets/huizhou/huizhou05.jpg")},
                { url: require("@/assets/huizhou/huizhou06.jpg")}

            ],
            cityName:'惠州'
        }
    }

};
</script>

<style scoped>
.carousel {
    width: 800px;
    height: 360px;
    margin: 50px auto;
	margin-bottom: 10px;
}
.carousel img{
	max-width: 100%;
}
.carouselMeishi {
    margin: 0 auto;
    width: 1000px;
}
.carouselMeishi img {
    max-width: 100%;
    min-width: 100%;
}
.tourism {
    width: 1000px;
    height: 350px;
    margin: 0 auto;
    font-family: NSimSun;

}
.food {
    width: 1000px;
    height: 300px;
    margin: 50px auto;
    font-family: NSimSun;

}
.lvyou{
	width: 330px;
	height: 300px;
	float: left;
	border-left: #999999 dashed 1px;
	border-right: #999999 dashed 1px;
}
.lvyou p{
	font-size: 28px;
	font-weight: bold;
	font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
	display: block;
}
.jingdian{
	text-indent: 28px;
	margin-left: 26px;
	margin-right: 26px;
	font-size: 16px;
	font-weight: bold;
}
.meishi{
	margin-top: 20px;
	width:310px;
	height: 250px;
	float: left;
	background-color: #b8d8ff;
	opacity: 0.8;
	border-radius: 25px;
	margin-left: 15px;
}
.meishi p{
	font-size: 28px;
	font-weight: bold;
	font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
	display: block;
	color: #000000;
}
.msjieshao{
	color: #000000;
	font-weight: bold;
}
</style>
